.machineLeft_right ul{list-style:none;padding-left:4px;height:298px;}

.machineCenter_top{position:relative;height:190;background:url(../yibiao/images/bg.png) no-repeat 14% 50%;background-size: 83%;}
.machineCenter_top_top{height:100px;}


.machineCenter_bottom{position:relative;height:95px;}
.machineCenter_top_bottom{height:90px;}

.machineMileage{position:absolute;display:block;left: 0px;}
.machineMileage ul li{list-style-type: none;}
.machineMileage ul li span{font-size:18px;color: rgb(69, 69, 70);display:block;float:left;}
.odoSpanWidth{text-align:right;margin-left:7px;}
.odoSpanWidth1{width:155px;}
//.odoSpanWidth2{position:relative;}
.machineSpanWidth{text-align:right;}

#machineGear{position:absolute;display:block;left: 280px;}

.machineCenter_bottom_top{height:35px;position:relative;}
.machineCenter_bottom_top ul li{list-style-type: none;color: #fff;}
.machineAcc{display:block;position:absolute;left: 30px;}
.machineBra{display:block;position:absolute;left: 163px;}
.machineErr{display:block;position:absolute;left: 290px;}

.machineCenter_bottom_bottom{height:60px;position:absolute;left:28px;top:28px;}
.machineCenter_bottom_bottom span{display:block;float:left;width:50px;}
.machineCenter_bottom_bottom span img{ width:88%;}
#machineCenterDashboard-outerCt{ width:90% !important}

.x-panel{ width:100% !important}
div#machineLeftDashboard {
    width: 23% !important;
}
div#panel-1014 {
    width: 45% !important;
}
#panel-1013 {
    width: 55% !important;
}

div#machineLeftDashboard { width: 27% !important; float:left;}
#machineCenterDashboard{ width:35% !important; float:left;}
div#machineRightDashboard {width: 38% !important; float:right}


div#form-1009 {
    width: 100% !important;
}

#panel-1015, #panel-1016, #panel-1017{ width:32% !important; float:left;}
#machineRightDashboard-body{ width:95% !important; float:left;	}
#machineLeftDashboard-body{ width:100% !important;}
.machineLeft_right {
    color: #fff;
}
#tabbar-1010 {
    width: 100% !important;
}
div#chart-body {
    margin-top: 55px;
    width: 100% !important;
    overflow: hidden;
}
#panel-1011-body {
    width: 100% !important;
    overflow: hidden !important;
}
























/*车速部分*/
.machineSpeed{position:relative;float:left;width:215px;height:100px;}
.machineImage{position:absolute; top:40px; left:30px;width:115px;}
.machineImage i{position:relative;width:38px;float:left;}
.speedUnit{position:absolute;top:65px;left:140px;font-size: 26px;color: rgb(69, 69, 70);}
.machineReady{position:relative;float:left;width:123px;height:100px;}
.machineReady img{position:absolute;top:40px;}

/*电池SOC部分*/
.machineBattery{width:150px;height:210px;float:left;position:relative;}

.battZIndex1{position:absolute;width:80px;left:28px;top:14px;z-index:1;background-color:green;height:175px;}
.battZIndex2{position:absolute;width:86px;left:25px;top:14px;z-index:2;background-color:white;height:175px;}
.battZIndex3{position:absolute;left:15px;width:110px;height:210px;background-image:url(../yibiao/images/battery.png);background-repeat:no-repeat;z-index:3;}

/*电池SOC底部标签*/
.machineSOCDiv{position:relative;top:20px; left:25px;float:left;}
.machineSOCDiv span{display:block;float:left;text-align: center;}
#machineSOC{width:35px;}

/*disc标签*/
.machineDiscDiv{position:relative;top:35px; left:10px;float:left;}
.machineDiscDiv span{display:block;float:left;height:21px;text-align:center;}
#machineDisc{width:35px;}

/*电池状态模块*/
.batteryItem table{border-right:1px solid #CEC8C8;border-bottom:1px solid #CEC8C8;width:92%;margin:15 auto;}
.batteryItem table td,.batteryItem table th{border-left:1px solid #CEC8C8;border-top:1px solid #CEC8C8;}
.batteryItem table th{width:12%;text-align:right;font-size:15px;height: 28px;color: #6D6969;font-family:'Microsoft YaHei','simsun', 'New York';font-weight:normal;background:#E2E9EF;}
.batteryItem table td{width:5%;text-align:center;}

/*更多信息模块*/
.p1{
   	color: rgb(153,154,152);
   	margin-top: -22px;
   	margin-left: -10px;
   	line-height: 31px;
}
.message{
	left:750px;
	bottom: -35px;
	width:380px; 
	height: 110px;
	padding:30px 20px; 
	border:1px solid rgb(153,154,152); 
	background-color: rgb(255,253,223);
	border-radius:6px;
	position:relative;
	z-index:10;
	display:none; 
}
.message span{
	width: 20px; 
	height:30px;
	font-size:0; 
	border:1px solid rgb(153,154,152);
	overflow:hidden; 
	position:absolute;
}
.message span.bot{
    border-width:10px; 
    border-style: solid dashed dashed; 
    border-color: transparent transparent rgb(153,154,152); 
    left:257px; 
    bottom:108px;
}
.message span.top{
    border-width:10px; 
    border-style: solid dashed dashed; 
    border-color: transparent transparent rgb(255,253,223); 
    left:257px; 
    bottom:107px;
}

#moreMessage{
	color:rgb(103,176,222);
}

.moreIcon{
	width:20px;
	height:20px; 
	position:absolute;
	top:-4.5px;
}



/*滚动条整体*/

::-webkit-scrollbar{

width:6px; /*滚动条宽度*/

}

/*滚动条按钮*/

::-webkit-scrollbar-button {

}

::-webkit-scrollbar-track{

background-color:#02181e; /*滑道全部*/

}

::-webkit-scrollbar-track-piece{

background-color:#02181e; /*滑道*/

-webkit-border-radius:0px; /*滑道圆角宽度*/

}
::-webkit-scrollbar-thumb{

background-color:#1a9bc0; /*滑动条表面*/

border:solid 0px #C0C0C0; /*滑动条边框*/

border-radius:0px; /*滑动条圆角宽度*/

}

/*横竖滚动条交角*/

::-webkit-scrollbar-corner {

background-color: #F3F3F3;

}

/*横竖滚动条交角图案*/

::-webkit-resizer {

/*background-image: url(/public/img/resizer-inactive.png);*/

background-repeat: no-repeat;

background-position: bottom right;

}
/*鼠标滑过滑动条*/

::-webkit-scrollbar-thumb:hover{

background-color:#F3F3E0;

}

IE:

scrollbar-arrow-color: rgba(0,0,0,0.3); /*三角箭头的颜色*/

scrollbar-face-color: rgba(0,0,0,0.5); /*立体滚动条的颜色（包括箭头部分的背景色）*/

scrollbar-3dlight-color: rgba(0,0,0,0.3); /*立体滚动条亮边的颜色*/

scrollbar-highlight-color: rgba(0,0,0,0.5); /*滚动条的高亮颜色（左阴影？）*/

scrollbar-shadow-color: rgba(0,0,0,0.3); /*立体滚动条阴影的颜色*/

scrollbar-darkshadow-color: rgba(0,0,0,0.3); /*立体滚动条外阴影的颜色*/

scrollbar-track-color: rgba(0,0,0,0.5); /*立体滚动条背景颜色*/

scrollbar-base-color:rgba(0,0,0,0.5); /*滚动条的基色*/

scrollbar-base-color:#666; /*滚动条的基本颜色*/

scrollbar-arrow-color: #fff; /*三角箭头的颜色*/
scrollbar-face-color: #666; /*立体滚动条的颜色（包括箭头部分的背景色）*/

scrollbar-3dlight-color: #666; /*立体滚动条亮边的颜色*/

scrollbar-highlight-color: #666; /*滚动条的高亮颜色（左阴影？）*/

scrollbar-shadow-color: #666; /*立体滚动条阴影的颜色*/

scrollbar-darkshadow-color: #666; /*立体滚动条外阴影的颜色*/

scrollbar-track-color: #666; /*立 体滚动条背景颜色*/

scrollbar-base-color:#666; /*滚动条的基色*/
